/*声明混合函数*/
/*设置元素的宽度等于当前页面的宽度*/
/*设置文字垂直居中 */
/*设置图片为块级元素，并且宽度为100%*/
/*给图片占位置用的函数*/
#resource #resource-content {
  font-size: 0.14rem;
  max-width: 750px;
  margin: 0 auto;
  padding: 0.5rem 0.15rem 0.52rem 0.12rem;
  background-color: #edf1f2;
  color: #888d93;
  /*本页公共样式开始*/
  /*本页公共样式结束*/
}
#resource #resource-content .reserve-count {
  line-height: 0.29rem;
  color: #686765;
  margin-top: 0.08rem;
}
#resource #resource-content .reserve-count .oper {
  width: 0.26rem;
  height: 0.29rem;
  background-color: #fff;
  display: inline-block;
  text-align: center;
}
#resource #resource-content .reserve-count .count {
  width: 0.4rem;
  height: 0.29rem;
  background-color: rgba(255, 255, 255, 0.4);
  display: inline-block;
  text-align: center;
}
#resource #resource-content .set-meal {
  padding: 0.23rem 0 0.22rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#resource #resource-content .set-meal .meal h3 {
  font-size: 0.2rem;
  margin-bottom: 0.05rem;
  font-weight: normal;
}
#resource #resource-content .set-meal .meal p {
  color: #A9AAAD;
}
#resource #resource-content .set-meal .meal p time,
#resource #resource-content .set-meal .meal p span {
  font-size: 0.16rem;
}
#resource #resource-content .set-meal .total {
  text-align: right;
}
#resource #resource-content .set-meal .total p:first-child {
  color: #F88412;
  font-size: 0.3rem;
  margin-bottom: 0.05rem;
  position: relative;
}
#resource #resource-content .set-meal .total p:first-child::before {
  content: "￥";
  position: absolute;
  font-size: 0.14rem;
  left: -0.1rem;
  top: 0.05rem;
}
#resource #resource-content .set-meal .total p a {
  color: #A9AAAD;
}
#resource #resource-content .ticket {
  background-color: #fff;
  border: 0.01rem solid #CAD7DA;
  border-radius: 0.08rem;
  margin-bottom: 0.15rem;
}
#resource #resource-content .ticket .route {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  border-bottom: 0.01rem dashed #cad7da;
  padding: 0.25rem 0.25rem 0.15rem 0.25rem;
  position: relative;
}
#resource #resource-content .ticket .route h3 {
  font-size: 0.3rem;
  font-weight: normal;
}
#resource #resource-content .ticket .route .fly {
  width: 0.36rem;
  height: 0.27rem;
  background: url("../images/icon/sprites.png") -2.535rem -2.03rem no-repeat;
  background-size: 3.75rem;
}
#resource #resource-content .ticket .route::before,
#resource #resource-content .ticket .route::after {
  content: '';
  display: block;
  width: 0.16rem;
  height: 0.16rem;
  position: absolute;
  bottom: -0.08rem;
  border: 0.01rem solid #CAD7DA;
  background-color: #edf1f2;
  border-radius: 50%;
  transform: rotate(45deg);
}
#resource #resource-content .ticket .route::before {
  left: -0.08rem;
  border-left: none;
  border-bottom: none;
}
#resource #resource-content .ticket .route::after {
  right: -0.08rem;
  border-right: none;
  border-top: none;
}
#resource #resource-content .ticket .detail {
  padding: 0.25rem;
  background-color: #f9f9f9;
  border-radius: 0 0 0.08rem 0.08rem;
}
#resource #resource-content .ticket .detail table {
  width: 100%;
  margin-bottom: 0.25rem;
}
#resource #resource-content .ticket .detail table tbody {
  width: 100%;
}
#resource #resource-content .ticket .detail table tbody tr span {
  font-size: 0.18rem;
}
#resource #resource-content .ticket .detail table tbody tr:last-child td {
  color: #676c73;
}
#resource #resource-content .ticket .detail table tbody tr td:first-child {
  width: 65%;
}
#resource #resource-content .ticket .detail table tbody tr td:last-child {
  width: 35%;
}
#resource #resource-content .ticket .detail table:last-child {
  margin-bottom: 0;
}
#resource #resource-content .ticket .detail table:last-child td:first-child a {
  color: #676c73;
  display: block;
  height: 0.2rem;
  width: 1.01rem;
  border-bottom: 0.01rem solid #676c73;
}
#resource #resource-content .ticket .detail table:last-child td:last-child a {
  color: #1AAFD9;
}
#resource #resource-content .ticket .detail table:nth-child(2) {
  font-size: 0.16rem;
}
#resource #resource-content .reserve {
  background: url("../images/img/quan_03.png") center no-repeat;
  background-size: 100%;
  height: 1.08rem;
  padding: 2.29753016% 5.74382539% 2.29753016% 45.37622056%;
  margin-bottom: 0.15rem;
}
#resource #resource-content .reserve .reserve-box {
  width: 1.71rem;
  height: 0.93rem;
  color: #fff;
  padding-left: 0.16rem;
  padding-top: 0.08rem;
}
#resource #resource-content .reserve .reserve-box p {
  font-size: 0.12rem;
}
#resource #resource-content .reserve.free {
  background-image: url("../images/img/quan_06.png");
}
#resource #resource-content .bill {
  background-color: #fff;
  border: 0.01rem solid #CAD7DA;
  border-radius: 0.08rem;
  margin-bottom: 0.15rem;
}
#resource #resource-content .bill .title {
  background-color: #36b4dc;
  height: 0.47rem;
  line-height: 0.47rem;
  padding: 0 0.16rem;
  border-radius: 0.08rem 0.08rem 0 0;
  color: #fff;
  font-size: 0.14rem;
  font-weight: normal;
  padding-left: 0.16rem;
  border-bottom: 0.04rem solid #53d4ea;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#resource #resource-content .bill .title span {
  width: 0.21rem;
  height: 0.21rem;
  line-height: 0.21rem;
  text-align: center;
  border: 0.01rem solid #1e90b4;
  border-radius: 50%;
  color: #1e90b4;
  font-family: "黑体";
}
#resource #resource-content .bill .room .set-meal {
  padding: 0.23rem 0.19rem 0.22rem 0.17rem;
}
#resource #resource-content .bill .room .set-meal:first-child,
#resource #resource-content .bill .room .set-meal:last-child {
  border-bottom: 0.01rem dashed #cccccc;
}
#resource #resource-content .bill .room .set-meal:last-child {
  padding-top: 0;
}
#resource #resource-content .bill .room .set-meal .meal p {
  font-size: 0.16rem;
  color: #676C73;
}
#resource #resource-content .bill .room .set-meal .meal .reserve-count {
  border: 0.01rem solid #cccccc;
  width: 0.94rem;
}
#resource #resource-content .bill .room .set-meal .meal .reserve-count .count {
  background-color: #e5e5e5;
}
#resource #resource-content .bill .room .set-meal .total p {
  font-size: 0.16rem;
  color: #676C73;
}
#resource #resource-content .bill .room .set-meal .total p span {
  font-size: 0.24rem;
  color: #F88412;
}
#resource #resource-content .bill .room .set-meal .total p::before {
  color: #F88412;
}
#resource #resource-content .bill .insurance {
  padding: 0.23rem 0.19rem 0.22rem 0.17rem;
}
#resource #resource-content .bill .insurance .title-box {
  margin-bottom: 0.2rem;
}
#resource #resource-content .bill .insurance .title-box h3 {
  font-weight: normal;
  font-size: 0.16rem;
  color: #676C73;
  margin-bottom: 0.05rem;
}
#resource #resource-content .bill .insurance .title-box p {
  position: relative;
  text-indent: 0.16rem;
}
#resource #resource-content .bill .insurance .title-box p i {
  position: absolute;
  width: 0.13rem;
  height: 0.13rem;
  background: url("../images/icon/sprites.png") -2.19rem -2.1rem no-repeat;
  background-size: 3.75rem;
  left: 0;
  top: 0.05rem;
}
#resource #resource-content .bill .insurance .classics {
  display: flex;
  align-items: center;
}
#resource #resource-content .bill .insurance .classics .classics-box {
  display: flex;
  position: relative;
  margin-right: 0.3rem;
  font-size: 0.16rem;
  color: #676C73;
}
#resource #resource-content .bill .insurance .classics .classics-box .checkedbox-box {
  margin-right: 0.15rem;
  padding-top: 0.03rem;
  width: 0.16rem;
  height: 0.16rem;
}
#resource #resource-content .bill .insurance .classics .classics-box .checkedbox-box .classics-checkbox {
  width: 0.16rem;
  height: 0.16rem;
  background-color: #fff;
  position: relative;
  border: 0.01rem solid #cccccc;
}
#resource #resource-content .bill .insurance .classics .classics-box .checkedbox-box .checked {
  position: absolute;
  top: 0.03rem;
  left: 0;
  width: 0.16rem;
  height: 0.16rem;
  background: url("../images/icon/sprites.png") -0.874rem -2.3484rem no-repeat;
  background-size: 2.85rem;
  opacity: 1;
}
#resource #resource-content .bill .insurance .classics .classics-box .checkedbox-box .hide {
  opacity: 0;
}
#resource #resource-content .bill .insurance .classics .price {
  color: #676C73;
  position: relative;
  width: 50%;
}
#resource #resource-content .bill .insurance .classics .price span {
  color: #F88412;
  font-size: 0.2rem;
}
#resource #resource-content .bill .insurance .classics .price span::before {
  content: "￥";
  position: absolute;
  font-size: 0.14rem;
  left: -0.1rem;
  top: 0.02rem;
}
#resource #resource-content .bill .insurance .info {
  padding: 0.1rem 0 0.15rem 0.15rem;
}
#resource #resource-content .bill .insurance .rename {
  text-align: right;
  margin: 0.25rem 0 0.1rem 0;
  display: block;
  color: #37B4DB;
  font-size: 0.16rem;
}
#resource .next a {
  display: block;
  background-color: #f1a30f;
  text-align: center;
  height: 52px;
  line-height: 52px;
  font-size: 20px;
  color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}
